import { init } from 'snabbdom/build/package/init'
import { h } from 'snabbdom/build/package/h'

// 1. 导入模块
import { styleModule } from 'snabbdom/build/package/modules/style'
import { eventListenersModule } from 'snabbdom/build/package/modules/eventlisteners'
// 2. 注册模块
const patch = init([
    styleModule,
    eventListenersModule
])
// 3. 使用h()函数的第二个参数传入模块中使用的数据（对象）

let vnode = h('div#container', [
    h('h1', { style: { backgroundColor: 'red' } }, 'Hello Snabbdom'),
    h('button', { on: { click: eventHandler } }, '点击事件')
])
function eventHandler() {
    console.log('别摸我')
}
const app = document.querySelector('#app')

let oldVnode = patch(app, vnode)
